<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加文档</title>
    <link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.css">
    <link href="./webuploader-0.1.5/webuploader.css" rel="stylesheet" >
    <link rel="stylesheet" type="text/css" href="./jqueryconfirm/jquery-confirm.min.css">
    <link rel="stylesheet" type="text/css" href="./json-viewer/jquery.json-viewer.css">
</head>
<body style="padding: 20px;">

    <form class="form-horizontal" role="form">
        <div class="form-group">
            <label for="docedit_biaoti" class="col-sm-2 control-label">标题</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="docedit_biaoti" placeholder="请输入标题">
            </div>
        </div>
        <div class="form-group">
            <label for="docedit_zhaiyao" class="col-sm-2 control-label">摘要模板</label>
            <div class="col-sm-10" id="docedit_zhaiyao_1">
                <textarea class="form-control" id="docedit_zhaiyao"  placeholder="请输入摘要" style="height: 300px;"></textarea>
                <input type="button" value="验证JSON，格式化展示" onclick="gshZY(this)"  />
                <pre id="json-renderer" style="display: none"></pre>
            </div>
            <div class="col-sm-10" id="docedit_zhaiyao_2" style="display: none;padding: 20px;background-color: #fff5d4;">

                
            </div>
        </div>
        <div class="form-group">
            <label  class="col-sm-2 control-label">内容</label>
            <div class="col-sm-10">
                <!-- 加载编辑器的容器 -->
                <script id="doc_container" name="content" type="text/plain">

                </script>
            </div>
        </div>
        <div class="form-group">
            <label   class="col-sm-2 control-label">附件</label>


            <div class="col-sm-10">
                <br/><br/>
                <div id="uploader" class="wu-example" >
                    <div class="btns"  >
                        <div id="picker" style="width:150px;float: left;">选择文件附件</div>
                        <div id="picker_pic" style="width:150px;float: left;">选择图片附件</div>
                    </div>
                    <!--用来存放文件信息-->
                    <div id="thelist" class="uploader-list">

                    </div>
                    <table class="table">
                        <caption>上传附件列表</caption>
                        <thead>
                        <tr>
                            <th>名称</th>
                            <th>大小</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody id="thelist_uploadfile">

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="form-group" style="text-align: center;">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="button" class="btn btn-success" onclick="docedit_submit()" style="color: white;background-color: #449d44;border-color: #398439;">内容提交</button>
                <button type="button" class="btn btn-danger" onclick="javascript:window.close();"   style="color: white;background-color: #c9302c;border-color: #ac2925;">关闭页面</button>
            </div>
        </div>
    </form>


    <script type="text/javascript" src="./js/request.js"></script>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="./bootstrap/js/bootstrap-paginator.js"></script>
    <script type="text/javascript" src="./jqueryconfirm/jquery-confirm.min.js"></script>

    <script type="text/javascript" src="./webuploader-0.1.5/webuploader.js"></script>
    <!-- 配置文件 -->
    <script type="text/javascript" src="./ueditor/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="./ueditor/ueditor.all.js"></script>

    <script type="text/javascript" src="./json-viewer/jquery.json-viewer.js"></script>

    <script type="text/javascript">
        var docedit = "./js/docedit.js?"+Math.random();
        document.write("<script type=\"text/javascript\" src=\""+docedit+"\"><\/script>");
    </script>
</body>
</html>